<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="keywords" content="甜爱，SweetLove,甜品，甜点，生日蛋糕，冰淇淋，冰品"/>
    <meta name="description" content="甜爱网上商城是专注于甜品销售、进口的网站，各种甜品、甜点齐全，还有解暑的各种冰品任顾客挑选，让他们感受到爱的温馨。">
    <meta charset="utf-8">
    <title>订单信息</title>
    <link rel="stylesheet" href="/fore/css/order-detailed.css" >
    <link rel="stylesheet" href="/fore/css/toastr/toastr.min.css" >
    <script src="/fore/js/jquery-v1.10.2.min.js" type="text/javascript"></script>
</head>

<body>
<!--页头-->
<div th:replace="fore/include/header::head"></div>
<!--内容-->
<div id="contentCon">
    <div class="left">
        <div></div>
        <p>晨曦夏夜</p>
        <a href="#">切换账号</a>
        <span></span>
        <ul>
            <li><a href="/fore/user/info" >个人信息</a></li>
            <li><a href="/fore/order/list" class="my" >我的订单</a></li>
            <li><a href="/fore/favorite/list">收藏夹</a></li>
            <li><a href="/fore/address/list">地址管理</a></li>
            <li><a href="/fore/user/settings">账号设置</a></li>
        </ul>
    </div>
    <div class="right">
        <ul>
            <li>订单信息</li>
        </ul>

        <div th:object="${order}">
            <ol class="top">

                <p  th:if="${order.payStatus == 0}">订单状态：未支付</p >
                <div th:if="${order.payStatus == 1}" th:switch="${order.status}">
                    <p  th:case="0">订单状态：待发货</p >
                    <p  th:case="1">订单状态：已发货</p >
                    <p  th:case="2">订单状态：已签收</p >
                </div>

                <p th:text="'订单号：' + ${order.orderNumber}"></p>
                <p th:text="'实付款：' + ${order.totalPrice / 100} + '元'"></p>
                <p th:if="${order.payStatus == 1}" th:text="'下单时间：' + ${#dates.format(order.createdAt, 'yyyy-MM-dd HH:mm:ss')}"></p>
                <p th:if="${order.payStatus == 1}" th:text="'支付时间：' + ${#dates.format(order.payAt, 'yyyy-MM-dd HH:mm:ss')}"></p>
                <p th:text="'收货人：' + ${order.contact}"></p>
                <p th:text="'收货电话：' + ${order.mobile}"></p>
                <p th:text="'收货地址：' + ${order.province} + ${order.city} + ${order.county} + ${order.address} "></p>

            </ol>
            <div class="content" th:each="detail:${order.orderDetailList}">
                <ul>
                    <li class="price" th:text="${detail.productName}"></li>
                    <li class="price" th:text="'规格：' + ${detail.specName}"></li>
                    <li class="price" th:text="'¥' + ${detail.price / 100}"></li>
                    <li class="price" th:text="'x' + ${detail.number}"></li>
                </ul>
            </div>
            <div class="service">
                <a >联系我们</a>
                <a >查看物流</a>
                <a >申请售后</a>
                </ul>
            </div>
        </div>
    </div>

</div>
<!--页脚-->
<div th:replace="fore/include/footer::foot"></div>
</body>
</html>
